<script setup>
import { Cpu } from '@element-plus/icons-vue'
import { ref } from 'vue'
const activeName = ref('销售额')
</script>

<template>
  <div class="container">
    <!-- 统计 -->
    <el-row :gutter="20">
      <el-col :xs="24" :sm="12" :md="12" :xl="12">
        <el-card>
          <template #header>
            <div class="card-header">
              <el-icon class="el-icon--right"> <Cpu /> </el-icon>
              <span>CPU</span>
            </div>
          </template>

          <el-table :data="[{}, {}]" class="el-table-nobg" :border="false">
            <el-table-column label="abc">nihao </el-table-column>
            <el-table-column label="abc">nihao </el-table-column>
          </el-table>
        </el-card>
      </el-col>

      <el-col :xs="24" :sm="12" :md="12" :xl="12">
        <el-card>
          <template #header>
            <div class="card-header">
              <el-icon class="el-icon--right"> <Cpu /> </el-icon>
              <span>内存</span>
            </div>
          </template>

          <el-table :data="[{}, {}]" class="el-table-nobg" :border="false">
            <el-table-column label="abc">nihao </el-table-column>
            <el-table-column label="abc">nihao </el-table-column>
          </el-table>
        </el-card>
      </el-col>
    </el-row>
    <!-- 统计 -->

    <el-row class="mb20"></el-row>

    <el-card>
      <template #header>
        <div class="card-header">
          <el-icon class="el-icon--right"> <Cpu /> </el-icon>
          <span>服务器信息</span>
        </div>
      </template>

      <el-table :data="[{}, {}]" class="el-table-nobg" :border="false">
        <el-table-column label="abc">nihao </el-table-column>
        <el-table-column label="abc">nihao </el-table-column>
      </el-table>
    </el-card>

    <el-row class="mb20"></el-row>
    <el-card>
      <template #header>
        <div class="card-header">
          <el-icon class="el-icon--right"> <Cpu /> </el-icon>
          <span>Java虚拟机信息</span>
        </div>
      </template>

      <el-table :data="[{}, {}]" class="el-table-nobg" :border="false">
        <el-table-column label="abc">nihao </el-table-column>
        <el-table-column label="abc">nihao </el-table-column>
      </el-table>
    </el-card>

    <el-row class="mb20"></el-row>
    <el-card>
      <template #header>
        <div class="card-header">
          <el-icon class="el-icon--right"> <Cpu /> </el-icon>
          <span>磁盘状态</span>
        </div>
      </template>

      <el-table :data="[{}, {}]" class="el-table-nobg" :border="false">
        <el-table-column label="abc">nihao </el-table-column>
        <el-table-column label="abc">nihao </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
